<html>
    <head>
        <style>
            .thumbHolder { float: left; width: 250px; height: 170px; margin-right: 10px; margin-bottom: 5px; }
            .thumb { width: 250px; margin: 25px 0px; text-align: center; }
            .thumbHolder label { width: 250px; height: 20px; margin: 0px; text-align: center; font-family: Verdana, Sans Serif; font-size: 0.8em; background-color: #FFF }
        </style>
    </head>
    <body>

        <div style="width: 1040px; margin: 0px auto;">
            <h1>PHP5 Image Library</h1>
            <div class="thumbHolder" style="background: url('samples/bg/11.gif');">
                <div class="thumb"><a href="samples/vanilla.php" target="_blank"><img src="samples/vanilla.php"></a></div>
                <label>Vanilla</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/16.gif');">
                <div class="thumb"><a href="samples/watermark.php" target="_blank"><img src="samples/watermark.php"></a></div>
                <label>Watermark</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/4.gif');">
                <div class="thumb"><a href="samples/canvassize.php" target="_blank"><img src="samples/canvassize.php"></a></div>
                <label>Canvassize + Watermark</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/6.gif');">
                <div class="thumb"><a href="samples/tile.php" target="_blank"><img src="samples/tile.php"></a></div>
                <label>Tiled Watermark</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/13.gif');">
                <div class="thumb"><a href="samples/square_border.php" target="_blank"><img src="samples/square_border.php"></a></div>
                <label>Black and White</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/12.gif');">
                <div class="thumb"><a href="samples/infobar.php" target="_blank"><img src="samples/infobar.php"></a></div>
                <label>Information Bar</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/9.gif');">
                <div class="thumb"><a href="samples/red_border.php" target="_blank"><img src="samples/red_border.php"></a></div>
                <label>Border + Corners</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/10.gif');">
                <div class="thumb"><a href="samples/vignette.php" target="_blank"><img src="samples/vignette.php"></a></div>
                <label>Vignette</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/3.gif');">
                <div class="thumb"><a href="samples/trueshadow.php" target="_blank"><img src="samples/trueshadow.php"></a></div>
                <label>Drop Shadow</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/1.gif');">
                <div class="thumb"><a href="samples/scanline.php" target="_blank"><img src="samples/scanline.php"></a></div>
                <label>Scanlines</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/5.gif');">
                <div class="thumb"><a href="samples/gaussian.php" target="_blank"><img src="samples/gaussian.php"></a></div>
                <label>Gaussian Blur</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/14.gif');">
                <div class="thumb"><a href="samples/jitter.php" target="_blank"><img src="samples/jitter.php"></a></div>
                <label>Jitter</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/7.gif');">
                <div class="thumb"><a href="samples/ripple.php" target="_blank"><img src="samples/ripple.php"></a></div>
                <label>Ripple</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/8.gif');">
                <div class="thumb"><a href="samples/sobel.php" target="_blank"><img src="samples/sobel.php"></a></div>
                <label>Sobel Edge Detection</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/2.gif');">
                <div class="thumb"><a href="samples/filter.php" target="_blank"><img src="samples/filter.php"></a></div>
                <label>Filters</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/15.gif');">
                <div class="thumb"><a href="samples/captcha.php" target="_blank"><img src="samples/captcha.php"></a></div>
                <label>Captcha</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/1.gif');">
                <div class="thumb"><a href="samples/colorize.php" target="_blank"><img src="samples/colorize.php"></a></div>
                <label>Colorize</label>
            </div>

            <div class="thumbHolder" style="background: #dedede">
                <div class="thumb"><a href="samples/qrcode.php" target="_blank"><img src="samples/qrcode.php"></a></div>
                <label>QR Code</label>
            </div>

            <div class="thumbHolder" style="background: url('samples/bg/10.gif');">
                <div class="thumb"><a href="samples/layers.php" target="_blank"><img src="samples/layers.php"></a></div>
                <label>Layers</label>
            </div>
            
            <div class="thumbHolder" style="background: url('samples/bg/15.gif');">
                <div class="thumb"><a href="samples/layers.php" target="_blank"><img src="samples/faces.php"></a></div>
                <label>Face Detector</label>
            </div>
            
            <div class="thumbHolder" style="background: url('samples/bg/3.gif');">
                <div class="thumb"><a href="samples/ico.php" target="_blank"><img src="samples/ico.php"></a></div>
                <label>ICO Parser</label>
            </div>
            
            <div class="thumbHolder" style="background: url('samples/bg/2.gif');">
                <div class="thumb"><a href="samples/psd.php" target="_blank"><img src="samples/psd.php"></a></div>
                <label>PSD Parser</label>
            </div>
        </div>

    </body>
</html>
